<template>
  <div class="landing-page">
    <Header page="payment" />
    <div class="g-box">
      <div class="payment">
        <div class="payment__hd">
          <div>
            <select>
              <option>usdt</option>
              <option>usdc</option>
            </select>
          </div>
          <div>
            <table class="g-table g-table--no-padding g-table--left">
              <thead>
                <tr>
                  <th><span>User</span></th>
                  <th><span>Address</span></th>
                  <th><span>Amount</span></th>
                  <th><span>Status</span></th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>

<style lang="scss" scoped>
.g-box {
  min-height: 100vh;
}
.payment {
  margin: 120px 0;
}
</style>
